<!DOCTYPE html>
<html>
  <head>
    <script src="bower_components/platform/platform.js"></script>
    <link rel="stylesheet" href="style.css">
    <link rel="import" href="g-spectrogram.html">
    <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
    <g-spectrogram controls labels log oscillator></g-spectrogram>

    <div id="instructions">
      <h2>Spectrogram & Oscillator</h2>
      <ol>
      <li>^ Allow use of your microphone ^</li>
      <li>Click or tap anywhere canvas to generate a tone</li>
    </ol>
    </div>

    <div id="about">
      <a href="http://smus.com/spectrogram-and-oscillator/" target="_blank">about</a>
    </div>

    <script>
var AudioContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext;
context = new AudioContext();
    </script>

<!--    <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
          })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

            ga('create', 'UA-17930798-31', 'borismus.github.io');
              ga('send', 'pageview');

    </script> -->
  </body>
</html>
